.monitor-counts {
	display: flex;
	align-items: center;
	justify-content: space-around;
	height: 100%;

	.item {
		display: flex;
		align-items: center;
		padding: 0 1rem;
		white-space: nowrap;

		.icon {
			display: flex;
			align-items: center;
			justify-content: center;
			width: 3.5rem;
			height: 3.5rem;
			border-radius: 50%;

			&.asset {
				color: var(--color-primary);
			}

			&.total {
				color: var(--color-error);
			}

			&.today {
				color: var(--color-warning);
			}
		}

		.text {
			margin-left: 1rem;

			.counts {
				font-weight: 500;
				font-size: var(--text-xxl);
			}

			.label {
				margin-top: 2px;
				user-select: none;
			}
		}
	}
}
